@import 'common';

main{
    .about_us{
        padding-top: 26px;
        height: 482px;
        box-sizing: border-box;
        .about_box{
            margin: 0 auto;
            position: relative;
            width: 145px;
            height: 36px;
            border: 1px solid skyblue;
            h3{
                position: absolute;
                top: -40%;
                left: 50%;
                transform: translateX(-50%);
                width: 95px;
                font-size: 23px;
                background-color: white;
                span{
                    font-size: 16px;
                }
            }
            .op{
                position: relative;
                top: 15px;
                display: block;
                width: 100%;
                text-align: center;
            }
        }
        .about_item{
            display: flex;
            justify-content: space-between;
            margin: 21px auto 0;
            width: 900px;
            height: 319px;
            li{
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                align-items: center;
                box-sizing: border-box;
                padding: 5px;
                width: 270px;
                height: 319px;
                background-color: #f2f2f2;
                img{
                    width: 126px;
                    height: 126px;
                }
                h3{
                    width: 66px;
                    text-align: center;
                }
                p{
                    width: 245px;
                    height: 88px;
                    font-size: 12px;
                    line-height: 25px;
                }
            }
            li:nth-child(2){
                width: 322px;
                p{
                    width: 251px;
                }
            }
        }
        .invest_text{
            margin-top: 34px;
        }
    }
    .investment_case{
        margin-top: 22px;
        ul{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-content: space-between;
            margin: 0 auto;
            height: 594px;
            width: 900px;
            li{
                width: 296px;
                height: 284px;
                img{
                    height: 210px;
                    width: 100%;
                }
                p{
                    margin: 15px auto 19px;
                    width: 204px;
                    height: 13px;
                    line-height: 13px;
                    font-size: 12px;
                }
                button{
                    margin: 0 auto;
                    display: block;
                    width: 135px;
                    height: 27px;
                    background-color: #6db6ff;
                    outline: none;
                    border: none;
                    font-size: 16px;
                    color: #fff;
                    // border-radius: 3px;
                }
            }
        }
    }
    .blogroll{
        margin: 0 auto;
        padding-top: 47px;
        box-sizing: border-box;
        height: 378px;
        width: 900px;   
        .link{
            position: relative;
            height: 305px;
            .link_big{
                background-color: opacify($color: #000000, $amount: 1);
            }
            .left_click,.right_click{
                position: absolute;
                top: 117px;
                width: 37px;
                height: 69px;
                background-color: opacify($color: #000000, $amount: 0);
                img{
                    display: block;
                    width: 18px;
                    height: 30px;
                    margin: 19px auto;
                }
            }
            .left_click{
                left: 7px;
            }
            .right_click{
                right: 7px;
            }
            .blogroll_img{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                top: 20px;
            }
            .albb_img{
                position: absolute;
                top: 112px;
                left: 82px;
                display: flex;
                justify-content: space-between;
                height: 81px;
                width: 732px;
                img{
                    width: 222px;
                    height: 81px;
                }
            }
        }
    }
}